import React from 'react';
import { initExportForJquery } from '@/src/utils/exportWordFileModule/initExportForJquery';
export default class ExportWayOne extends React.PureComponent {
  constructor(props) {
    super(props);
  }

  componentDidMount() {
    // 初始化dom元素导出方法 ！！！！！！！！！！！！！！！！！！
    initExportForJquery();
  }

  render() {
    /**
     * @desc 用法注释！！！！！！！！！！！
     * 1. word中插入文字，如何设置文字的颜色、大小(代码对应word格式大小见fontSizeToPng.png)、格式（首行缩进、行间距等）{textIndent: '32pt', lineHeight: 1.5, fontSize: '14pt', color: 'blue'}
     * 2. 如何在指定位添加文字，左图右文字  行内设置  当前h2搭配width=20， height=20 导出word视图合适
     * 3. 分页添加 {pageBreakBefore: "always"} 可以根据长度自动换页 ！！！！！！！！！！！
     * 4. word插入图片 设置宽高width，height <img width={20} height={20} src={darkBlue}/>
     * 5. 如何设置word版面大小@page WordSection内设置margin单位pt（版式如何设置？？） 已经在初始化函数initExportForJquery内设置版式
     * 6. 设置页眉页脚 在初始化函数initExportForJquery的参数内设置  header: '测试页眉', footer: '测试页脚'
     * 7。word插入表格如何设置格式 如 文字颜色 行高 cell背景 >>>>>>> (生成的表格目前显示只有默认格式 除了文字颜色， 行高和背景目前没有方法设置) 注意表格外部需要套一个带id的div来设置css
     */
    return (
      <>
        <div style={{ minWidth: 550, margin: '0 auto', width: 550 }}>{this.props.children}</div>
      </>
    );
  }
}
